<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	
	<!-- TEMPLATE PRINCIPAL -->
	<xsl:template name="linkProceso">
				<!--  <div class="link" onclick="osm_enviarFormulario('form_proceso_{//VOMacroProceso/pro_codigo}');">
      		Proceso No. <xsl:value-of select="//VOMacroProceso/pro_codigo"/>
      		<form id="form_proceso_{//VOMacroProceso/pro_codigo}" destino="{//contextPath}/procesos/PageProceso.pub">
			<input type="hidden" name="VOMacroProceso.pro_codigo" value="{//VOMacroProceso/pro_codigo}"/>-->
			
			
			<div class="link" onclick="osm_enviarFormulario('form_proceso_{//Proceso/proceso_proceso}');">
      			  Proceso No. <xsl:value-of select="//Proceso/proceso_proceso"/>
      		      <form id="form_proceso_{//Proceso/proceso_proceso}" destino="{//contextPath}/procesos/PageProceso.pub">
      		     	<input type="hidden" name="Proceso.proceso_proceso" value="{//Proceso/proceso_proceso}"/>
      	
			
			
			</form>
      	</div>
	</xsl:template>
	
	
	<!-- TEMPLATE -->
	<xsl:template name="caja_proceso">
	
		<div style="float:left" class="corner">
						
			
			<div id="div_caja_{macro_codigo}" class="proceso corner"
			    onclick="animar_enviar('div_caja_{macro_codigo}','form_proceso_{macro_codigo}');">      
			
			
				<form id="form_proceso_{macro_codigo}" destino="{//contextPath}/macroproceso/PageSubprocesos.pub">
					<input type="hidden" name="VOMacroProceso.macro_codigo" value="{macro_codigo}" />
					<input type="hidden" name="VOMacroProceso.macro_descripcion_larga" value="{macro_descripcion_larga}" />
					<input type="hidden" name="VOMacroProceso.macro_descripcion_corta" value="{macro_descripcion_corta}" />
					<input type="hidden" name="VOMacroProceso.porcentajeCumplimiento" value="{porcentajeCumplimiento}" />

				
				</form>
						
				
				<!-- INFO -->
				<div>
					<!-- DESCRIPCION -->
					<div style="float:left" class="proceso-nombre">
						<xsl:value-of select="macro_descripcion_corta"></xsl:value-of>
					</div>					
					
					
					

					<!-- SEMAFORO -->
					
					<xsl:if test="proceso_semaforo='VERDE'">
						<div style="float:right" class="proceso-semaforo-verde" />
						
					</xsl:if>

					<xsl:if test="proceso_semaforo='AMARILLO'">
						<div style="float:right" class="proceso-semaforo-amarillo" />

					</xsl:if>

					<xsl:if test="proceso_semaforo='ROJO'">
						<div style="float:right" class="proceso-semaforo-rojo" />
					</xsl:if>

					<xsl:if test="proceso_semaforo='GRIS'">
						<div style="float:right" class="proceso-semaforo-gris" />
					</xsl:if>

						<!-- Indicador de % de cumplimiento del proceso o indicador -->
					  <div style="float:right" class="proceso-indicador">
						<xsl:value-of select="porcentajeCumplimiento"></xsl:value-of>
					</div>
					
					<clearboth />
					
						
				</div>
				
			</div>
		</div>

	</xsl:template>
	
	<xsl:template name="caja_subproceso">
		<div style="float:left" class="corner">
			
			<div id="div_caja_{pro_codigo}" class="proceso corner"
				onclick="animar_enviar('div_caja_{pro_codigo}','form_subsubproceso_{pro_codigo}');">

				<form id="form_subsubproceso_{pro_codigo}"
					destino="{//contextPath}/macroproceso/PageDetalleSubproceso.pub">
					<input type="hidden" name="VOProceso.pro_codigo" value="{pro_codigo}" />
					<input type="hidden" name="VOProceso.pro_descripcion_larga" value="{pro_descripcion_larga}" />
					<input type="hidden" name="VOProceso.pro_descripcion_corta" value="{pro_descripcion_corta}" />
					<input type="hidden" name="VOProceso.porcentajeCumplimientoProc" value="{porcentajeCumplimientoProc}" />
									
				</form>
				<!-- INFO -->
				<div>
					<!-- DESCRIPCION -->
					<div style="float:left" class="proceso-nombre">
						<xsl:value-of select="pro_descripcion_larga"></xsl:value-of>
					</div>




					<!-- SEMAFORO -->
					
					<xsl:if test="subproceso_semaforo='VERDE'">
						<div style="float:right" class="proceso-semaforo-verde" />
					</xsl:if>

					<xsl:if test="subproceso_semaforo='AMARILLO'">
						<div style="float:right" class="proceso-semaforo-amarillo" />

					</xsl:if>

					<xsl:if test="subproceso_semaforo='ROJO'">
						<div style="float:right" class="proceso-semaforo-rojo" />
					</xsl:if>

					<xsl:if test="subproceso_semaforo='GRIS'">
						<div style="float:right" class="proceso-semaforo-gris" />
					</xsl:if>

					<div style="float:right" class="proceso-indicador">
						<xsl:value-of select="porcentajeCumplimientoProc"></xsl:value-of>
					</div>


					<clearboth />


				</div>

		</div>
		</div>

	</xsl:template>
	
	
	
	
</xsl:stylesheet>